// 导入表单验证插件
import wxValidate from 'wechat-validate'
Page({
  // 将插件注入到页面实例中
  // 通过 behaviors 注入validate方法
  // this上面就会有validate方法
  behaviors: [wxValidate],

  data: {
    // 控制是否显示倒计时
    countDownVisible: false,
    // 手机号
    mobile: ''
  },

  // 校验规则
  rules: {
    mobile: [
      { required: true, message: '请输入手机号' },
      { pattern: /^1[3-8]\d{9}$/, message: '请检查手机号是否正确！' }
    ]
  },

  // 监听倒计时组件数值的变化
  countDownChange(ev) {
    this.setData({
      timeData: ev.detail, // 获取倒计时信息
      countDownVisible: ev.detail.minutes === 1 || ev.detail.seconds > 0,
    })
  },
  // 获取验证码
  getSMSCode() {
    // 校验手机号是否正确
    let { valid, message } = this.validate('mobile')
    if (!valid) {
      return wx.utils.toast(message)
    }
    // 展示倒计时
    this.setData({ countDownVisible: true })
  }
})
